<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>智能问答</title>
		<link rel="stylesheet" href="css/ai.css" />
		<script src="https://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
	</head>
	<body>
		<div class="ai_open" id="ai_open">
			<img src="images/ai_icon.png" alt="" />
			<span>智能问答</span>
		</div>
		<div class="ai">
			<div class="ai_title">
				<h4>智能问答</h4>
				<span id="ai_close">X</span>
			</div>
			<div class="ai_list">
				<div class="ai_text">
					<span><img src="images/ai_icon.png" alt="" /></span>
					<div>
						您好，欢迎使用<b>“山东商务网”</b>智能问答服务平台。
					</div>
				</div>
				<!--这里的内容是样板
					<div class="user_text">
					<span><img src="images/user_img.png" alt="" /></span>
					<div>
						商务
					</div>
				</div>
				<div class="ai_text">
					<span><img src="images/ai_icon.png" alt="" /></span>
					<div>
						您可以选择以下分类筛选出更加精确的内容
						<p>分类：<a href="#">全部</a></p>
						您查找的<b>商务</b>，我为您在 山东省人民政府 中找到了以下内容：
						<ul>
							<li><a href="#">省商务厅信息公开</a></li>
							<li><a href="#">审核申办APEC商务旅行卡</a></li>
							<li><a href="#">12312商务举报投诉服务</a></li>
							<li><a href="#">上半年电子商务交易额同比增三成</a></li>
							<li><a href="#">威海市商务工作会议举行</a></li>
							<li><a href="#">山东省商务厅关于重新印发《山东省商务行政处罚裁量权适用规则》的通知</a></li>
							<li><a href="#">山东省商务厅关于印发《山东省商务行政处罚裁量基准》的通知</a></li>
							<li><a href="#">山东省商务厅关于印发《山东省商务行政处罚裁量基准》的通知</a></li>
						</ul>
					</div>
				</div>
				<div class="ai_text">
					<span><img src="images/ai_icon.png" alt="" /></span>
					<div>
						对不起，没有找到答案，我将会收录您的问题，建议您换个说法重新提问。
					</div>
				</div>-->
				
			</div>
			<form action="">
			<div class="ai_form">
				<textarea id="problem" rows="3" cols="56">请输入问题...</textarea>
			</div>
			<div class="ai_btn">
				<span>你还可以输入<b>200</b>个字符!</span>
				<input type="button" id="send" class="button success_button" value="发送"/>
			</div>
			</form>
		</div>
	<script src="js/jquery-ai.js"></script>
	</body>
</html>
